<template>
  <div>
    第一个盒子
    爸爸给的钱: {{money}} <br/>
    爸爸给的车: {{car}}
    <button @click="pay">花钱了</button>
    <button @click="changeCar">换车</button>
  </div>
</template>

<script>
export default {
    name: 'ComOne',
    // 2. 父传子 子组件利用props接受父组件传递的数据 (接收的是属性名)
    // props的值是数组/对象 (工作当中更多的是使用对象)
    // 单向数据流
    props: ['money', 'car'],
    methods: {
        pay() {
            // 1. 子传父  触发$emit函数
            // $emit方法是固定的 参数1 是触发事件名(随意起)  参数2 是传递的参数
            this.$emit('payMoney', 10)
        },
        changeCar() {
            this.$emit('changeCar', '宾利')
        }
    }

}
</script>

<style scoped>

div {

    width: 300px;
    height: 300px;
}
</style>